TNotes.typescript

Appearance

0028. type 关键字

0028. type 关键字 ​

1. 🎯 本节内容 ​

  • type
  • interface

2. 🫧 评价 ​

  • type 关键字是用来定义类型的，和 interface 关键字非常类似。

3. 🤔 什么是 TypeScript 中的 type 关键字？ ​

type 是 TypeScript 提供的一种声明类型别名（Type Aliases）的方式，让你可以为任意类型（包括原始类型、联合类型、交叉类型、对象字面量等）起一个可读性更强的名字。

type 的基本语法：

ts
type 别名 = 类型

4. 🤔 type 有哪些常见用法？ ​

  1. 定义对象结构
  2. 定义联合类型/交叉类型（最常用！）
  3. 定义元组（Tuple）
  4. 使用泛型
  5. 定义函数类型
  6. 用于类型运算 - 与映射类型、条件类型结合（高级用法）
ts
// 定义对象结构
type User = {
  id: string
  name: string
  email: string
}

const user: User = {
  id: '1',
  name: 'Alice',
  email: 'alice@example.com',
}
ts
// 定义联合类型/交叉类型（最常用！）

// 联合类型
type Status = 'idle' | 'loading' | 'success' | 'error'
type ID = string | number

// 交叉类型
type A = { x: string }
type B = { y: number }

type C = A & B
ts
// 定义元组（Tuple）
type Point = [number, number]
type RGB = [number, number, number]
ts
// 使用泛型
type ApiResponse<T> = {
  success: boolean
  data: T
  error?: string
}

const userResponse: ApiResponse<User> = {
  success: true,
  data: { id: '1', name: 'Alice', email: '...' },
}
ts
// 定义函数类型
type EventHandler = (event: Event) => void
type Add = (a: number, b: number) => number

const add: Add = (a, b) => a + b
ts
// 用于类型运算 - 与映射类型、条件类型结合（高级用法）

// 将所有属性变为可选
type Partial<T> = {
  [P in keyof T]?: T[P]
}

// 提取对象中值为 string 的属性名
type StringKeys<T> = {
  [K in keyof T]: T[K] extends string ? K : never
}[keyof T]

Discussions